草庐IT

ionic 浮动框

全部标签

html - Twitter Bootstrap 导航栏向右浮动将 div 移动到新行

您好,我正在尝试在导航栏右侧创建一个部分。我使用了div类navbar-right,它应该将divfloat到右边,但我得到了一个新行。请参阅下面的代码,谢谢!xxxHomeAboutContact'.$username.'|AccessLevel:'.$level.'|Logout 最佳答案 为了放置在导航栏的顶层,内容必须放置在类的div中:navbar-header所以不要在div中声明注销链接:改用以下类:由于您希望Brandpull-left,您可以将两个navbar-headerdiv紧挨着放置在最上面,每个方向都有一个

html - 使 div 向左浮动,但如果文本太长则不为 "fall"

我很抱歉这个可怕的标题。本质上,我有一个包含div的包含两个div的position:relative;和float:left;。第一个div设置为200px(根据其内容),因为它将包含的所有内容都不会按宽度方向增长。但是,第二个div我只想增长到包含div的一侧。包含的div没有设置宽度,因为我的屏幕是垂直的,而且我知道大多数人的屏幕都是水平的。我在多台计算机上对其进行了测试,因此我知道这两个版本的效果如何。但是,回到正题,在第二个div中,如果我输入的短语比包含div的其余部分长,那么第二个div下降到第一个div下面。我不希望第二个div有固定宽度,那么有没有办法设置最大宽度?如

html - 删除 ionic 头中的边框底部

我在尝试删除ionic应用程序中的ionheaderborderbottom时遇到问题这是tab-home.html的代码: proximiti-->-->LIKE-->NOPE-->正如您在这里看到的我们感兴趣的部分: proximiti我尝试了所有方法(在浏览器中我没有看到这个边框!),但没有任何改变!任何人都可以帮助我尝试找到删除该边框的方法吗?注意:还尝试编辑ionic.css并仅在浏览器中更改。编辑:它应该只隐藏在这个View中,所以类是透明的 最佳答案 在ionic2/3中,边框将通过使用ionic-

html - 内部左浮动 div 不会垂直扩展容器 div

我有一个具有以下属性的容器div:#cat_container{margin:0;padding:5px;border:1pxsolidred;min-height:200px;}里面有多个左浮动的div。问题是它们不会强制包含的div向下扩展,而只是重叠并继续超出容器div的边界。左浮动div:.cat_wrap{border:1pxsolid#000;width:100px;min-height:120px;margin:010px5px0;padding:0;float:left;}如果我取出左边的float,包含的div确实会像它应该做的那样垂直扩展。那么如何让内部div向左浮

javascript - 如何在 ionic 页面顶部滚动

目前我在javascript和angular-js的ionic框架中工作,我只是放置搜索框并呈现客户列表,但假设在第一次尝试时我可以使用'a'进行搜索,它显示所有具有alpha'a'的项目但是问题是当我向下滚动以查看搜索结果列表时,如果我想使用“d”进行搜索,则在底部会给出结果,但在页面顶部,但我的滚动条位于页面底部。因此,为了解决上述问题,我想在搜索查询为空时在页面顶部设置滚动位置并显示所有客户,所以我应该怎么做才能解决这个问题提前致谢 最佳答案 你可以试试:$ionicScrollDelegate.scrollTop();htt

css - 向右浮动一个 div,而不影响设计

我想在页面顶部向右浮动一个div。它包含一个50px的正方形图像,但目前它会影响页面顶部50px的布局。目前是:...我尝试了z-index,因为我认为这就是答案,但我无法让它继续下去。我知道我缺少的是一些简单的东西,但我似乎无法确定它。 最佳答案 影响是什么意思?内容将围绕float流动。这就是它们的工作方式。如果您希望它出现在您的设计上方,请尝试设置:z-index:10;position:absolute;right:0;top:0; 关于css-向右浮动一个div,而不影响设计,

html - 在 ionic 中创建一个表

我需要在Ionic中创建一个表。我想过使用ionic网格,但无法实现我想要的。我怎样才能做到这一点?这是一张类似于我想要的东西的图片:我可以使用它,但是我怎样才能像图片中那样划分行呢?CandyBarsButterfinger... 最佳答案 flexbox网格应该做你想做的。您不清楚自己遇到了什么限制,因此很难解决您的具体问题。这是一个带有工作示例的代码笔,它生成的表格包含前几行和一个标题:http://codepen.io/anon/pen/pjzKMZHTMLIonicTemplateServiceProviderDetail

html - 使用 ionic 作为桌面 Web 应用程序

Ionic是使用html5开发移动应用程序的绝佳框架。我们也希望在桌面浏览器上使用相同的应用程序。制作一个在桌面浏览器和移动浏览器上都能最好地工作的单一响应式UI并制作应用程序是否是个好主意。或者我们应该对浏览器和移动应用程序进行不同的开发。 最佳答案 为了进一步说明已经说过的内容,Ionic是专为移动设备构建和测试的。例如,InternetExplorer未经测试,无法正确处理Ionic中的许多功能。桌面浏览器确实具有与移动浏览器不同的功能。您会严重限制可以在桌面上使用您的应用程序的浏览器。很可能,您应该为桌面和移动设备提供两种不

html - 将一个 div 在向右浮动的 div 和向左浮动的 div 之间居中

我有一个页面,其中的页眉由三个div组成-一个向左浮动,一个向右浮动,一个在它们之间。我希望中央div居中,但遗憾的是float:center不存在,我不能只是将它float到左侧并添加填充,因为它必须根据需要更改在窗口大小上。我忽略了一些简单的事情吗?或者我该怎么做?更新:此外,我想找到一种使中间div在div之间的空间居中的方法,以防看起来更好。 最佳答案 如果您有两个float的div,那么您就知道边距。问题是float:rightdiv应该放在中间div之前。所以基本上你会有:左浮动|右浮动|居中现在,关于边距:通常你可以只

javascript - Ionic - 选择后隐藏 iOS 选择轮(选择选项)

我试图隐藏在用户想要选择其中一个选择标签选项后显示的Ionic(iOS)“选择轮”。我知道这可以通过显示键盘辅助栏和“完成”按钮来实现,但该按钮文本是硬编码的(据我所知,我们无法将其翻译成其他语言)。所以这不是一个选择。我也无法为选择使用“更改”事件,因为它在隐藏选择轮之前不会触发。有什么办法可以:更改辅助栏中的“完成”按钮文本?在iOS上检测选择轮中的更改值并将其隐藏以编程方式?谢谢 最佳答案 要“翻译”“完成”按钮,您可以按照以下方法操作Cordova6.0.0iOSlocalizationwithcordova-ios@4.0